* {
  margin: 0;
  padding: 0;
}

//time 标签默认样式
time {
  color: gray;
  font-size: 14px;
}

//折叠面板下 a 标签被点击时
.clbg {
  color: white;
  background-color: #409EFF;
}

ul {
  list-style: none;
}

a {
  color: black;
  // a 标签去下划线
  text-decoration: none;
}

#list {
  margin: 0 auto;
  width: 1060px;
  //background-color: lightgrey;
}

//热门榜单，特色音乐榜，全球榜
.listc1 {
  display: inline-block;
  width: 220px;
}

.listc2 {
  float: right;
  width: 800px;
  //background-color: #409EFF;
}

//折叠面板
.el-collapse-item {
  a {
    display: block;
    margin-top: 2px;
    padding: 4px 20px 4px;
    cursor: pointer;
    font-size: 16px;

    &:hover {
      color: #409EFF;
      background-color: #F2F6FC;
    }

    &:hover.clbg {
      color: white;
      background-color: #409EFF;
    }
  }
}

.listc2-c1 {
  line-height: 40px;

  span {
    font-size: 18px;
    font-weight: bold;
  }

  time {
    margin-left: 20px;
  }

  .el-button {
    float: right;
  }
}

//歌曲列表
.songname-ul {
  padding: 0;
  //background-color: #409EFF;

  li {
    border-bottom: 1px solid #EBEEF5;
  }

  a {
    display: inline-block;
    width: 770px;
    padding: 10px 5px;

    &:hover {
      color: #409EFF;
      background-color: #F2F6FC;
    }
  }

  a:hover time {
    color: #409EFF;
  }

  a:hover i{
    display: inline;
  }

  span:first-child {
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    width: 30px;
    color: #F56C6C;
  }

  span:nth-of-type(2) {
    margin-right: 10px;
    color: white;
    background: #F56C6C;
    font-size: 12px;
    border-radius: 4px;
  }

  time,i {
    float: right;
  }

  i {
    display: none;
    margin-right: 10px;
    font-size: 20px;
    color: gray;

    &:hover {
      color: #409EFF;
    }
  }
}